.component-chat-sidebar {
    display: flex;
    flex-direction: column;
    .bi-layout-sidebar{
        cursor: pointer;
    }
    .sidebar-header{
        line-height: 40px;
        display: flex;
        padding: 3px 6px;
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        background-color: #e3e3e3;


    }

    .sidebar-nav{
        display: flex;
        flex-direction: column;
        padding: 20px 0px;
        width: 100%;
        font-size: 15px;
        .nav-link{
            padding: 5px;
            line-height: 30px;
            border-radius: 10px;
            margin: 3px 10px;
            padding: 3px 10px;
            &:hover{
                background-color: #e7e3e3a4;
                color: #444343;
            }
            &.active{
                background-color: #c7c0c0a4;
                color: #201f1f;
            }
        }
    }

    .sidebar-chats{
    
    }
    
    .sidebar-use-info{
        
    }
}